<!DOCTYPE html>
<html lang="en">
<head>
	<!--#include file="/link/inc/head.html" -->
	<link rel="stylesheet" href="../js/chosen_v1.4.2/chosen.css">
	<link rel="stylesheet" href="../css/setting.css">

	<script src="../js/chosen_v1.4.2/chosen.jquery.js"></script>
	<script>
	$(function(){
		$(".chosen-select").chosen({disable_search_threshold: 10});

        $('.set-box .tabs').tabs(
        	'.ct > .panes', {
	            current: 'active',
	            tabs: 'li'
        });
        $('.panes .mark').addClass('hidden');
        $('.panes .penal .link-higher').on('click', function(){
        	$('.panes .mark').toggleClass('hidden');
        });
	})
	</script>
</head>
<body>
	<!--#include file="/link/inc/header.html" -->
	<div class="wrapper">
		<div class="content ct-mod">
			<div class="hd">
				<div class="tit">内网配置</div>
			</div>
			<div class="bd">
				<div class="set-box">
					<div class="tabs">
						<ul class="tab">
							<li><a href="#">内网配置</a></li>
							<li><a href="#">DHCP</a></li>
							<li><a href="#">DHCP状态</a></li>
						</ul>
					</div>
					<form class="form" autocomplete="off">
						<div class="ct">
							<div class="panes">
								<div class="penal">
									<div class="control">
										<label>网段1</label>
									</div>
									<div class="control">
										<label>IP地址</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="191.168.100.100">
											</div>
										</div>
									</div>
									<div class="control">
										<label>子网掩码</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="255.255.255.0">
											</div>
										</div>
									</div>
									<div class="control">
										<label>MAC地址</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="00-E0-4C-11-23-11">
											</div>
											<div class="btnbox">
												<a href="#" class="btn-clone">克隆</a>
												<a href="#" class="btn-renew">恢复缺省</a>
											</div>
										</div>
									</div>
									<div class="control">
										<div class="field">
											<label class="select"><input type="radio" name="radiooption" class="radio">多网段</label>
										</div>
									</div>
								</div>
								<div class="penal mark">
									<div class="control">
										<label>网段2</label>
									</div>
									<div class="control">
										<label>IP地址</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="191.168.100.100">
											</div>
										</div>
									</div>
									<div class="control">
										<label>子网掩码</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="255.255.255.0">
											</div>
										</div>
									</div>
									<div class="control">
										<label>MAC地址</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="00-E0-4C-11-23-11">
											</div>
											<div class="btnbox">
												<a href="#" class="btn-clone">克隆</a>
												<a href="#" class="btn-renew">恢复缺省</a>
											</div>
										</div>
									</div>
								</div>
								<div class="penal">
									<div class="control">
										<div class="btns">
											<button type="submit" class="btn-save">保存</button>
										</div>
									</div>
								</div>
							</div>
							<div class="panes">
								<div class="penal">
									<div class="control">
										<label>DHCP</label>
										<div class="field">
											<label class="select"><input type="radio" name="radiooption" class="radio">开</label>
										</div>
									</div>
									<div class="control">
										<label>网段1</label>
									</div>
									<div class="control">
										<div class="field2">
											<div class="input-text">
												<input type="text" class="input-text" value="192.168.1.100">
											</div>
											<label>-</label>
											<div class="input-text">
												<input type="text" class="input-text" value="192.168.1.200">
											</div>
										</div>
									</div>
									<div class="control">
										<label>网段2</label>
										<div class="field">
											<label class="select"><input type="radio" name="radiooption" class="radio">开</label>
										</div>
									</div>
									<div class="control">
										<div class="field2">
											<div class="input-text">
												<input type="text" class="input-text" value="192.168.1.100">
											</div>
											<label>-</label>
											<div class="input-text">
												<input type="text" class="input-text" value="192.168.1.200">
											</div>
										</div>
									</div>
									<div class="control">
										<label>租期时间</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="30分钟">
											</div>
										</div>
									</div>
									<div class="control">
										<label>默认DNS1</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="218.85.157.99">
											</div>
										</div>
									</div>
									<div class="control">
										<label>默认DNS2</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="218.85.152.99">
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="panes">
								<div class="tit">IP地址保留</div>
								<div class="penal">
									<div class="control">
										<label>主机名</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="PC-1234123">
											</div>
										</div>
									</div>
									<div class="control">
										<label>默认DNS1</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="218.85.157.99">
											</div>
										</div>
									</div>
									<div class="control">
										<label>默认DNS2</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="218.85.152.99">
											</div>
										</div>
									</div>
									<div class="control">
										<div class="btns">
											<a href="#" class="btn-add">添加</a>
										</div>
									</div>
								</div>
								<div class="penal table-box">
									<div class="table">
										<table>
											<tr>
												<th>主机名</th>
												<th>主机IP</th>
												<th>MAC</th>
												<th>状态</th>
												<th>到期时间</th>
											</tr>
											<tr>
												<td>VTAO的PC</td>
												<td>192.168.1.11</td>
												<td>00-E0-4C-21-99-11</td>
												<td>已保留</td>
												<td></td>
											</tr>
											<tr>
												<td>VTAO的PC2</td>
												<td>192.168.1.12</td>
												<td>00-E0-4C-21-99-11</td>
												<td>自动分配</td>
												<td>2个小时后</td>
											</tr>
											<tr>
												<td>VTAO的PC3</td>
												<td>192.168.1.13</td>
												<td>00-E0-4C-21-99-11</td>
												<td>静态</td>
												<td></td>
											</tr>
										</table>
									</div>
									<div class="btns">
										<button class="btn-add">保存</button>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
